
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>全部订单</title>
	    <meta name="Keywords" content=""/>
	    <meta name="description" content="" />
		<script src="__ROOT__/static/home/js/shop/jquery.min.js" type="text/javascript"></script>
        <script src="__ROOT__/static/home/js/myorder/order.js"></script>
        <script src="__ROOT__/static/home/js/myorder/layer/layer.js"></script>
	    <link href="__ROOT__/static/home/css/myorder/mui.min.css" rel="stylesheet"/>
	    <link href="__ROOT__/static/home/css/myorder/layui/css/layui.css" rel="stylesheet"/>
	    <link rel="stylesheet" href="__ROOT__/static/home/css/myorder/style.css" />
	    <link rel="stylesheet" href="__ROOT__/static/home/css/myorder/orders_zsl.css" />
	</head>
	<body>
		<div class="header">
			<div class="header-left">
				<a class="sb-back" href="{:url('home/Userinfo/index')}" title="返回"></a>
			</div>
			<div class="header-middle">订单列表
			</div>
			<!--<div class="header-right">
				<aside class="show-menu-btn">
					<div class="show-menu" id="show_more">
						<a href="javascript:void(0)"></a>
					</div>
				</aside>
			</div>-->
		</div>
		<div class="order-box">


	<ul class="order-list-top">
		<li>
			<a href="{:url('home/Myorder/allOrder',array('id'=>1111))}" class="tabs- ">全&nbsp;&nbsp;&nbsp;部</a>
		</li>
		<li>
			<a  href="{:url('home/Myorder/allOrder',array('id'=>0))}"  id="order_unpayed"   class="tabs- " >待付款</a>
		</li>
		<li>
			<a href="{:url('home/Myorder/allOrder',array('id'=>1))}" id="order_unshipped" class="tabs- ">待发货</a>
		</li>
		<li>
			<a href="{:url('home/Myorder/allOrder',array('id'=>2))}" id="order_shipped" class="tabs- ">待收货</a>
		</li>
		<li>
			<a href="{:url('home/Myorder/allOrder',array('id'=>3))}"  class="tabs- ">待评价</a>
		</li>
	</ul>


	<div class="order-center-content" id="table_list">
		<div class="no-data-div">


            {empty name="orders"}
            <div class="empty-data-img">
                <img src="__ROOT__/static/home/css/myorder/images/bg_empty_list.png">
            </div>
			<dl>
				<dt>您还没有相关的订单</dt>
			</dl>
            {else}
            {volist name="orders" id="v"}
            {include file="../application/home/view/myorder/order_list.html" /}
            {/volist}
			{/empty}
			
		</div>
	</div>
<script>

    $(document).ready(function () {
		/*
		* 删除订单弹窗警告*/
        $('.cancel-order').click(function () {
            var params={};
            params.data =$(this).val();
            layer.open({
                content: '确定取消订单吗？'
                ,btn: ['确定', '取消']
                ,yes: function(index){
                    $.post("{:url('home/Myorder/cancelOrder')}",params,function (data) {
                        if(data==1){
                                layer.open({
                                    content: '删除成功'
                                    ,skin: 'msg'
                                    ,time: 2
                                });
                            //执行你弹出后要做的事
                            setTimeout(function () {
                                //执行完后刷新页面
                                location.reload();
                            }, 900);

                        }
                    });
                }
            });
        });
        /*
        * 立即评价*/
        $('.at_once_Comment').click(function () {
            var data =$('input[type=hidden]').attr('data');
            var id =$('#order_id').val();
            window.location.href = '{:url("home/Goodsassess/assessGoods")}?id='+data+'&order='+id;
        })
		/*
		 * 查物流*/
        $('.logistics').click(function () {
            var data = $('input[type=hidden]').attr('data');
            window.location.href = '{:url("home/myorder/logistics")}?id='+data;
			/*layer.open({
			 content: '物流页面更新中···'
			 ,btn: '确认'
			 });*/
        })
    });
</script>
</div>
	</body>
</html>
